#redPacket{
	width: 100%;
	padding:0 0 110px 0;
	background: #eaeaea;
	.redPacket_top{
		width: 100%;
		padding:20px 0;
		background: #dc1d1d;
		.redPacket_top_title{
			width: 100%;
			position: relative;
			text-align: center;
			.redPacket_top_titleText{
				font-size:32px;
				color:#fff;
				letter-spacing: 0.1rem;
			}
			.redPacket_top_titleSet{
				position: absolute;
				right: 20px;
				font-size:20px;
				color:#fff;
			}
		}
		.redPacket_top_money{
			width: 100%;
			font-size:60px;
			padding:30px 0;
			text-align: center;
			color:#fff;
			letter-spacing: 0.1rem;
			.redPacket_top_moneySpan{
				display: inline-block;
				position: relative;
				.arrowsImg{
					width: 40px;
					position: absolute;
					right: -60px;
					top:10px;
				}
			}
		}
		.redPacket_top_exchange{
			width:100%;
			padding:20px 0 10px;
			border:1px dashed #ec5757;
			border-bottom:0;
			.redPacket_top_exchangeBox{
				width: 100%;
				text-align: center;
				// margin: auto;
				.redPacket_top_exchangeBoxLeft{
					.redPacket_top_exchangeBoxRightImg{
						width:40px;
					}
					.redPacket_top_exchangeBoxRightText{
						color:#fff;
					}
					.redPacket_top_exchangeBoxRightButton{
						display: inline-block;
						font-size:30px;
						padding:7px 13px;
						border:2px solid #fff;
						color:#fff;
						border-radius: 20px;
						margin-left:20px;
					}
				}
				
			}
		}
	}
	
	// banner
	.redPacket_banner{
		width: 100%;
		margin-top:20px;
	}
	.redPacket_banner img{
		width: 100%;
		height: auto;
	}
	
	// 新手任务
	.redPacket_newTask{
		width: 100%;
		height: auto;
		background: #fff;
		margin:15px 0;
		.redPacket_newTaskTitle{
			padding:25px 20px 30px;
			font-size:30px;
		}
		.redPacket_newTaskList{
			padding:25px 20px 25px;
			border-top:1px solid #e0dcdc;
			position: relative;
			.redPacket_newTaskList_text{
					width:100%;
					.redPacket_newTaskList_text_img{
						width: 40px;
						float: left;
						margin-right:10px;
					}
					.redPacket_newTaskList_text_main{
						line-height: 40px;
						.redPacket_newTaskList_text_mainTitle{
							font-size:32px;
							letter-spacing: 0.05rem;
							
						}
						.redPacket_newTaskList_text_mainText{
							font-size:20px;
							letter-spacing: 0.05rem;
							color:#b5b1b1;
						}
					}
			}
			.redPacket_newTaskList_button{
				position: absolute;
				width:170px;
				height: 55px;
				line-height: 55px;
				text-align: center;
				top:30px;
				right: 25px;
				font-size:20px;
				border:2px solid #dc1d1d;
				border-radius: 30px;
				color:#dc1d1d;
			}
		}
	}
	.redFooter{
		padding:40px 0;
		text-align: center;
		font-size:2px;
	}
	
	
	
	// 右侧登陆弹层
	.LayerThickness{
		width: 100%;
		height: 100%;
		background: #fff;
		.LayerClose{
			height: 50px;
			padding:30px 20px;
			text-align: center;
			position: relative;
		}
		.LayerClose img{
			width: 50px;
			position: absolute;
			left: 10px;
		}
		.LayerClose span{
			font-size:42px
		}
		.LayerLogin{
			width: 100%;
			padding:300px 0;
			.login-from{
				width: 100%;
				margin:auto;
				.login-name,.login-pass{
					width:100%;
					height: 100px;
					border:2px solid #999;
					margin:auto;
				}
				.login-button{
					width:100%;
					height: 100px;
					border:2px solid #999;
					margin:auto;
					background:#2a8c1f;
					color:#fff;
				}
			}
			.login-from p{
				width:80%;
				margin:40px auto;
			}
			.forgetDiv{
				font-size:20px;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
			}
		}
	}
		
}